<template>
    <z-paging
        ref="page"
        :paging-style="pageStyle"
        :safe-area-inset-bottom="false"
    >
        <view class="activeList"
            ><view class="statusBox">
                <u-cell-group :border="false">
                    <u-cell
                        title="解读状态："
                        titleStyle="font-size:28rpx;color: #777777"
                        :border="false"
                        ><view slot="value">
                            <text
                                v-if="!dataList.status"
                                style="font-size: 28rpx; color: #e03918"
                                >预约中</text
                            ><text
                                v-else
                                style="font-size: 28rpx; color: #6ace7a"
                                >已完成</text
                            >
                        </view>
                    </u-cell>

                    <u-cell
                        title="解读时间："
                        titleStyle="font-size:28rpx;color: #777777"
                        :border="false"
                        ><text
                            slot="value"
                            style="font-size: 28rpx; color: #343434"
                            >{{
                                dataList.status == 0
                                    ? dataList.appointmentTime
                                    : dataList.interpretationTime
                            }}</text
                        ></u-cell
                    >
                    <u-cell
                        title="解读人："
                        titleStyle="font-size:28rpx;color: #777777"
                        :border="false"
                        ><text
                            slot="value"
                            style="font-size: 28rpx; color: #343434"
                            >{{ dataList.doctorName }}</text
                        ></u-cell
                    >
                    <u-cell
                        title="解读地点："
                        titleStyle="font-size:28rpx;color: #777777"
                        :border="false"
                        ><text
                            slot="value"
                            style="font-size: 28rpx; color: #343434"
                            >{{ dataList.interpretationSite }}</text
                        ></u-cell
                    >
                </u-cell-group>
                <view class="statusBox2">
                    <u-line dashed color="#D8D8D8" margin="10rpx 0"></u-line
                ></view>
                <view class="statusBox2 flex_wrap"> <view></view>解读建议</view
                ><view class="statusBox2">
                    <u--text
                        size="28rpx"
                        lineHeight="50rpx"
                        color="#3D3D3D"
                        :text="dataList.interpretationAdvice"
                    ></u--text>
                </view>
            </view>
        </view>
    </z-paging>
</template>

<script>
// import { conventionInterpretationReport } from "@/api/apis.js";
export default {
    data() {
        return {
            dataList: {},
            pageStyle: {
                "background-color": "#F1F5F8",
            },
            // 底部安全区域高度（区分是否为全面屏幕）
            bottomSafeAreaHeight:
                uni.getSystemInfoSync().screenHeight -
                uni.getSystemInfoSync().safeArea.bottom,
        };
    },
    methods: {},
    onLoad(options) {
		 this.dataList = options?.data && JSON.parse(options?.data);
		
        // conventionInterpretationReport(o.readRecordId).then((res) => {
        //     console.log("res :>> ", res);
        //     this.dataList = res;
        // });
    },
};
</script>

<style lang="scss" scoped>
.activeList {
    width: 100vw;
    height: 100vh;
    padding: 200rpx 28rpx 0 28rpx;
    box-sizing: border-box;
    background-image: url("https://test-health-s.oss-cn-hangzhou.aliyuncs.com/2024/11/29/4ff074be56b1430bb3aadcfd47574c33.png");
    background-size: contain;
    background-repeat: no-repeat;
    .statusBox {
        border-radius: 16rpx 16rpx 16rpx 16rpx;
        background: #fff;
        .statusBox2 {
            padding: 20rpx 28rpx;
            font-weight: 500;
            font-size: 32rpx;
            color: #3d3d3d;
            align-items: center;
            view {
                width: 6rpx;
                height: 28rpx;
                background: #079399;
                margin-right: 10rpx;
                border-radius: 0rpx 0rpx 0rpx 0rpx;
            }
        }
    }
}

.bottom {
    background: #fff;
    padding-top: 12rpx;
    padding-left: 40rpx;
    padding-right: 40rpx;
}

.bottomPadding {
    padding-bottom: 12rpx;
}
</style>
